<html>
<head>
	<script type="text/javascript" src="jquery.js"></script>
	<style type="text/css">
	input{
		margin-right:auto;
	}
	form{
		text-align:right;
		margin-top:70px;
		margin-right:20px;
		font-family: Verdana, Geneva, sans-serif;
		text-shadow: 2px 2px 2px gray;
		font-size: 20;
		color: #FFFFFF;
	}
	#title_name{
		text-align:right;
		text-shadow: 3px 3px 3px #000000;
		margin-bottom: 10px;
		font-size:50px;
		font-family: Verdana, Geneva, sans-serif;
		font-style:italic;
		color: gray;
	}
	#logg{
		background:url(bg2.jpg);
		-moz-background-size:100% 100%; /* Firefox 3.6 */
		background-size:100% 100%;
		background-repeat:no-repeat;
		margin-left:auto;
		margin-right:auto;
		width: 1000px;
		height: 700px;
		background-color: gray;
		border:2px solid;
		border-radius:25px;
		-moz-border-radius:25px; /* Firefox 3.6 and earlier */		
	}
	a{
		text-shadow: 1px 1px 1px #ABCDEF;
	}
	#tb{
		background-color: #FFFFFF;
		margin-left:auto;
		margin-right:auto;
		width: 900px;
		height: 550px;
		border:2px solid;
		border-radius:25px;
		-moz-border-radius:25px; /* Firefox 3.6 and earlier */
		opacity:0.7;
	}
	#tb2{
		background-color: #FFFFFF;
		margin-left:auto;
		margin-right:auto;
		margin-top: 20px;
		width: 800px;
		height: 500px;
		overflow-y:scroll;
	}
	table{
		border-collapse:collapse;
		padding-left: 40px;
	}
	table, tr, td{
		text-align:center;
		font-family: Verdana, Geneva, sans-serif;	
		text-shadow: 2px 2px 2px gray;
		font-size: 10;	
		margin-left:auto;
		margin-right:auto;
		width: 700;
		border: 1px solid;

	}
	</style>
	<title>Common Room</title>
</head>
</body>
<div id=logg>
<div id=title_name>
Turn the Tide Online
</div>
<div id=tb>
<div id=tb2>
<table>
<tr>
<td>Room Name</td>
<td>User</td>
<td>Peoples</td>
<td>Current player</td>
<td>Join?</td>
</tr>
<!--
TODO: list the room...
-->
<tr>
<td>924</td>
<td>Mole</td>
<td>3</td>
<td>2</td>
<td>Yes</td>
</tr>
<tr>
<td>924</td>
<td>Mole</td>
<td>3</td>
<td>2</td>
<td>Yes</td>
</tr>
</table>
</div>
</div>
</div>
</body>
</html>
